@keyframes amtRotateY {
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes amtRotateX {
  0% {
    transform: rotateZ(360deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
 
@keyframes amtRotateAndScale {
  0% {
    transform: rotateY(180deg) scale(0.1);
  }
  100% {
    transform: rotateY(360deg) scale(1);
  }
}

@keyframes composeCardAmt {
  0% {
    transform: scale3d(0,0,0);
  }
  100% {
    transform: scale3d(1,1,1);
  }
}


// 金卡合成动画
@keyframes move_card1 {
  from {
    transform: rotate(0turn) translateY(-250px) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateY(0) translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card2 {
  from {
    transform: rotate(0turn) translateX(250px) translateY(-120px)
      translateX(0) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card3 {
  from {
    transform: rotate(0turn) translateX(250px) translateY(120px) translateX(0)
      translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card4 {
  from {
    transform: rotate(0turn) translateY(250px) translateY(0) rotate(3turn) scale(1); 
  }
  to {
    transform: rotate(3turn) translateY(0) translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card5 {
  from {
    transform: rotate(0turn) translateX(-250px) translateY(120px)
      translateX(0) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card6 {
  from {
    transform: rotate(0turn) translateX(-250px) translateY(-120px)
      translateX(0) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card7 {
  from {
    transform: rotate(0turn) translateX(250px) translateY(0)
      translateX(0) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}


@keyframes move_card8 {
  from {
    transform: rotate(0turn) translateX(0) translateY(250px)
      translateX(0) translateY(0) rotate(3turn) scale(1);
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  }
}

@keyframes move_card9 {
  from {
    transform: rotate(0turn) translateX(-250px) translateY(0)
      translateX(0) translateY(0) rotate(3turn) scale(1); 
  }
  to {
    transform: rotate(3turn) translateX(0) translateY(0) translateX(0)
      translateY(0) rotate(0turn) scale(.1);
  } 
}